<template>
  <span class="MyLeftTreeRetract">
    <el-tooltip class="item" effect="dark" content="缩进左侧树形结构" placement="top">
      <i class="icon" :class="leftTreeShow?'el-icon-s-fold':'el-icon-s-unfold'" @click="handleIcon"></i>
    </el-tooltip>
  </span>
</template>

<script>
 export default {
   name: 'MyLeftTreeRetract',
   props: ['leftTreeShow'],
   methods:{
     handleIcon(){
       this.$emit('update:leftTreeShow', !this.leftTreeShow);
     }
   }
 }
</script>

<style lang="scss" scoped>
  .MyLeftTreeRetract{
    font-size: 24px;
    margin-right:10px;
    cursor: pointer;
    color:#DCDFE6;
  }
</style>
